<template>
  <div class="app-container">
    <div v-html="svg"></div>
     <div style="position: absolute;top:200px;">
       <el-button type="success" @click="onCancel" icon="el-icon-back" circle></el-button>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { procList, BASEURL, procMyTodo, procImage } from '@/api/workflow'
import { UserModule } from '@/store/modules/user'

@Component({
  name: 'proc-image'
})
export default class extends Vue {
  private svg: any = ''
  async created() {
    //this.imageUrl = `${BASEURL}wk-fw/img/${this.$route.query.id}`;
    const { data } = await procImage(this.$route.query.id)
    this.svg=data;
  }
  private onCancel() {
    this.$router.go(-1)
  }
}
</script>
<style scoped>
img,
object,
embed {
  max-width: 100%;
  height: 100%;
}
</style>
